<!DOCTYPE html>
<html>
<head> 
	<meta charset="UTF-8">
	<title>LX时尚网</title>
	<style type="text/css">
	/*默认值初始化   *表示所有css标记 
	#333333 灰色 */
	*{margin:0px;
		padding:0px;
		border:0px ;
		font:normal normal;
		
		}   
		ul,ol,dl,li{list-style: none;}/*去掉文字前的点*/
		a:link,a:visited{color: #FF6A6A;
			text-decporation:none;}  /*去文本修饰为none*/
/*创建一个类*/	


/* 网页页面设置*/

.pg{
			border: 0px solid #333333;
			边框
			width: 100%;
			margin: 0px  auto; 居中
			font-weight:normal;

			} 


			/* 头部设置 */

			#head{height:50px; background:  #FF6A6A; text-align: center;}


			#head ul li,#head ul li a{

				text-decoration:none; 
				float: left; /*横向排列*/
				width:100px;
				text-align: center;
				line-height: 150%;
				color: #FFFFFF;
				font-weight:bolder;
				margin: 6px 0px 0px 0px;
				
			}

			#head ul{
              width: 600px;
              margin: auto;
              height: 50px;
               }

			#logo{float: left; img src="images/logo.gif"}

			#head h2 input {
				margin: 20px 20px 10px 5px;
				border: 1px
				color: #FF0000;
				solid #808080;
				line-height: 15px;
			}


			#menu{height:34px;img src="images/logo.gif"}

			#menu ul li {float: left; /*横向排列*/
				width:100px;
				text-align: center;
				line-height: 34px;
				color:#FFFFFFF;
				font-weight:bold;}
				#menu ul li a:hover{
				
				}
		    #list10{float: left;width: 600px}

			#banner{height: 50%;
				background-size:cover;
				text-align: center;}

			#main{height: 500px}

			#match{
				width: 1000px;
				margin: 0 auto;
			}

			#content{width: 80%;float: left;padding: 0px;
				border: 0px;
			}

			#slide{width: 20%; float: right;padding: 0px;
				border: 0px;
			}

			.cont{border: 1px solid #808080 ;margin: 4px;
			}
             .cont h1{height: 25px; background: #c0c0f0;}

			#copy{height: 60px;
			 background: #000000;
			 color: #FF6A6A;
			 text-align: center;
			 border-top:1px solid #000000;
			 line-height: 40px}
			 .navul li ,.navul li a{
              color:#000000;
          }

	</style>
</head>


<body>

  


<div id = "head" class ="pg"  >

    <div id="logo">   </div> 
    <!--  <div id="list10"> -->
	

	<ul>

	    
		<li><a href="#">首页</a></li>

		<li><a href="#">明星时尚</a></li>

		<li><a href="#">流行服饰</a></li>
		<li><a href="#">饰品小物</a></li>
		<li><a href="#">T台艳影</a></li>
		<li><a href="#">女性主题</a></li>
	</ul>

    </div>
<!-- 	<h2>
<input type ="text"><input type ="submit" value="搜索">
</h2> -->
</div>





<div id ="banner" class ="pg"  >
	


	 <div id="bannerimg" >
	 <img width="100%" height=250px src="images/banner.jpg" alt="LX时尚网" > </div>


</div>

<div id="match" >

<div id ="main"  class ="pg">

<div id="content" >
<div class="cont">
    <h1>11</h1>
    <br> <br> <br> <br>
</div>

<div class="cont">
 <h1>22</h1>
    <br> <br> <br> <br>
    </div>

<div class="cont">
 <h1>33</h1>
    <br> <br> <br> <br>
    </div>

</div>


<div id="slide">
<div class="cont">
 <h1>1</h1>
    <br> <br> <br> <br></div>
<div class="cont">
 <h1>2</h1>
    <br> <br> <br> <br></div>
<div class="cont">
 <h1>3</h1>
    <br> <br> <br> <br></div>
</div>

</div>


</div>

<div id ="copy"  >&copy copyright by 许兰欣</div>

</body>、


</html>